// 按钮样式
.ivu-btn {
    border-radius: 2px;
    &-small {
        font-size: 12px;
    }
    &.ivu-btn-default {
        &:hover {
            background: #f3f5f7;
            border: 1px solid #dadddf;
            color: #152441;
        }
        &:active {
            background: #d0d5d8;
            border: 1px solid #d0d5d8;
            color: #152441;
        }
    }
    &.ivu-btn-primary {
        &:active {
            background: #0e5eba;
            border: 1px solid #0e5eba;
        }
    }
    &.ivu-btn[disabled] {
        color: #fff;
        &:hover {
            background: #aebfd2;
            border: 1px solid #aebfd2;
            color: #fff;
        }
    }
}

// 修改ivu Select和Input 边框色
.ivu-select-selection,
.ivu-input {
    border-color: #b7b7b7;
}

// ivu 表格样式
.ivu-table {
    font-size: 14px; // 字体大小
    th,
    td {
        height: 30px; // 修改默认高度
    }
    th {
        color: #383a4a;
        font-size: 13px; // 表头字体颜色及大小
    }
    td {
        color: #767884;
    }
    .ivu-table-cell {
        padding-left: 0;
        padding-right: 0; // 删除两边padding
        white-space: nowrap;
    }
    .ivu-table-wrapper {
        border-color: #e7e7ed; // 修改背景色
    }
    // 表格的文字按钮样式
    .ivu-btn-text {
        background: transparent;
        color: #1177e8;
        &:active {
            border: 1px solid transparent;
        }
        &:focus {
            box-shadow: none;
        }
    }
}
.ivu-table-cell-with-expand {
    height: 30px;
    line-height: 30px;
}
.ivu-table-list {
    .ivu-table {
        font-size: 12px;
    }
    td {
        height: 24px; // 修改默认高度
    }
    .ivu-btn-text {
        padding: 0;
        line-height: 1;
    }
}
// 小型表格
.ivu-table-small {
    .ivu-table-cell {
        padding: 0 12px;
    }
}
.ivu-table-wrapper {
    // iview 表格 自由高度样式
    &.auto-height {
        .ivu-table-cell {
            padding-right: 4px;
            padding-left: 4px;
            overflow: auto;
            text-overflow: none;
            white-space: normal;
        }
    }
}

// 分页样式修改
.ivu-page {
    .ivu-page-total {
        color: #767884;
        height: 28px;
        line-height: 28px;
        margin-right: 6px;
    }
    .ivu-page-prev {
        margin: 2px;
        height: 28px;
        line-height: 27px;
        min-width: 28px;
    }
    .ivu-page-item {
        margin: 2px;
        height: 28px;
        line-height: 28px;
        min-width: 28px;
        &.ivu-page-item-active {
            background-color: #1177e8;
            a {
                color: #fff;
            }
        }
    }
    .ivu-page-next {
        margin: 2px;
        height: 28px;
        line-height: 27px;
        min-width: 28px;
    }
    .ivu-page-options {
        margin-left: 2px;
        .ivu-page-options-sizer {
            margin-right: 6px;
            position: relative;
        }
        .ivu-page-options-elevator {
            color: #767884;
            input {
                margin: 0 2px;
                height: 28px;
                text-align: right;
            }
        }
    }
    .ivu-select {
        color: #767884;
    }
    .ivu-select-selection {
        height: 28px;
    }
    .ivu-select-selected-value {
        height: 28px;
        line-height: 28px;
    }
    &.mini {
        .ivu-page-options-elevator input {
            height: 24px;
        }
        .ivu-select-selected-value,
        .ivu-select-selection,
        .ivu-select-selection input {
            height: 24px;
        }
        .ivu-select-selected-value {
            line-height: 24px;
        }
    }
}

// ivu Select 下拉组件间距
.ivu-select-item {
    padding: 2px 10px;
}

.ivu-select  {
    // 隐藏下拉框的下拉箭头
    .ivu-icon-ios-arrow-down {
        opacity: 0;
    }
}
